<template>
	<view class="none-data">
		<image class="icon" src="/static/images/result-page/empty.png"></image>
		<view class="hint">{{text}}</view>
		<slot></slot>
	</view>
</template>

<script>
export default {
	name: 'cNodata',
	props: {
		text: {
			type: String,
			default: '暂无数据~'
		}
	}
}
</script>

<style lang="scss" scoped>
	.none-data {
		@include flexColumnCenter;
		flex: 1;
		padding: 150rpx 0;
		background-color: #fff;

		.icon {
			width: 413rpx;
			height: 305rpx;
		}

		.hint {
			margin-top: 20rpx;
			letter-spacing: 1rpx;
			font-size: 28rpx;
			color: #666;
		}
	}
</style>
